{
	template:`
	    <div style="padding-bottom:8px;">
		<m-back v-if="isOpen" style="position: absolute;z-index:1;right:15px;top:15px;" @click="exit();">关闭</m-back>
		<div :id="'page_echarts_div'+key" :style="{height:height}"></div>
		</div>
	`,
	props: ['localeZh','param','parentVue'],
	data:function(){
		return {
		    isOpen:false,
		    height:'500px',
		};
	},
	mounted(){
	    this.isOpen=this.param.isOpen;
	    if(this.param.height) this.height=this.param.height;
	    this.$nextTick(()=>{
            mo.charts[this.key]=echarts.init(document.getElementById('page_echarts_div'+this.key),mo.setting.theme);
            this.param.option.backgroundColor='';
	        mo.charts[this.key].setOption(this.param.option);
	    });
	},
	methods:{
	    exit:function(){
	        mo.charts[this.key].dispose();
	        this.back(false);
	    }
	}
}